/*
//
// Copyright (c) Autodesk, Inc. All rights reserved
//
// Large Model Viewer Extractor
// by Cyrille Fauvel - Autodesk Developer Network (ADN)
// January 2015
//
// Permission to use, copy, modify, and distribute this software in
// object code form for any purpose and without fee is hereby granted,
// provided that the above copyright notice appears in all copies and
// that both that copyright notice and the limited warranty and
// restricted rights notice below appear in all supporting
// documentation.
//
// AUTODESK PROVIDES THIS PROGRAM "AS IS" AND WITH ALL FAULTS.
// AUTODESK SPECIFICALLY DISCLAIMS ANY IMPLIED WARRANTY OF
// MERCHANTABILITY OR FITNESS FOR A PARTICULAR USE.  AUTODESK, INC.
// DOES NOT WARRANT THAT THE OPERATION OF THE PROGRAM WILL BE
// UNINTERRUPTED OR ERROR FREE.
//
*/
.view { width: 207px; height: 146px; margin: 4px; float: left; border: 10px solid #fff; overflow: hidden; position: relative;
	text-align: center; box-shadow: 1px 1px 2px #e6e6e6; cursor: default;
	background: #aaa url(/images/bgimg.jpg) no-repeat center center;
}
.view .mask, .view .content { width: 215px; height: 146px; position: absolute; overflow: hidden; top: 0; left: 0; }
.view img.thumbnail { display: block; position: relative; height: 146px; display: block; margin-left: auto; margin-right: auto; }
.view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 12px; padding: 8px;
	background: rgba(0, 0, 0, 0.8); margin: 15px 0 0 0; }
.view p { font-family: Georgia, serif; font-style: italic; font-size: 10px; position: relative; color: #fff;
	padding: 8px 20px 8px; text-align: center; }
.view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff;
	text-transform: uppercase; box-shadow: 0 0 1px #000; }
.view a.info:hover { box-shadow: 0 0 5px #000; }

/*.view-first img { transition: all 0.2s linear; }*/
.view-first .mask { opacity: 0; background-color: rgba(219,127,8, 0.7); transition: all 0.4s ease-in-out; }
.view-first h2 { transform: translateY(-100px); opacity: 0; transition: all 0.2s ease-in-out; }
.view-first p { transform: translateY(100px); opacity: 0; transition: all 0.2s linear; }
.view-first a.info{ opacity: 0; transition: all 0.2s ease-in-out; }

.view-first:hover img { transform: scale(1.1); }
.view-first:hover .mask { opacity: 1; }
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info { opacity: 1; transform: translateY(0px); }
.view-first:hover p { transition-delay: 0.1s; }
.view-first:hover a.info { transition-delay: 0.2s; }

#project-progress-bar { height: 7px; width: 450px; background: #cd3a86; position: relative; top: 13px; left: 0px; margin-right: 10px; }
#project-progress-indicator { width: 25px; position: relative; top: 10px; left: 0px; margin-right: 10px; text-align: center; }
.project-progress-bar { height: 7px; width: 100%; background: #cd3a86; position: absolute; bottom: 0; left: 0; }

.view img.deleteButton {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0px;
    left: 170px;
}